html { overflow-y:scroll;  line-height: initial; }
html,body{overflow:hidden;}
*{margin:0px; padding:0px; word-wrap:break-word;}
img,input,select{vertical-align:middle;}
ul,li{list-style:none;}
a{text-decoration:none; color: #282828	}
a:hover{color:#282828; -webkit-transition: color ease 0.3s;}
img{border:none;}
.clear{ clear:both; height:0px;	 margin:0; padding:0;width:0; border:none; overflow:hidden;}
body{font-family: "Microsoft YaHei"; color: #282828; background: #fff;font-size: 0.32rem; }
html,	body,			#container {width: 100%;height: 100%;	margin: 0;			}

.close-btn {background: rgba(255, 255, 255, 0.8);white-space: nowrap;	border: 2px solid yellow;	border-radius: 3px;	padding: 0px 5px;	text-align: center;		font-size: 12px;color: blue;width:auto;				overflow: hidden;				margin-left: -13px;				text-overflow: ellipsis;			}

#container {position: fixed; top: 0; left: 0;}

.top{background: #243165;width: 100%; height: 100px; position: relative; z-index: 999;}
.top .con {width: 100%; height: 63px;padding: 0 2%;box-sizing: border-box; background: url(../img/bg1.png) no-repeat; background-size: 100% 100%; display: flex; align-items: center; justify-content: space-between;}
.jiantou {width: 34px; height: 34px;}
.jt1 {transform: rotate(180deg);}
.top .left .text {width: 286px;}
.top .left {width: 370px; text-align: center; margin-top: 8px; position: relative;}
.top .left .zhe {position: absolute; top: 0; right: 0;width: 200px;}

.top .con {font-size: 20px; text-align: center; font-weight: 500; color: #fff;}
.guang { width: 320px;margin: 0 auto;margin-top: 5px;
    height: 5px;background: rgba(45, 94, 165, 0.8);}
.light {    width: 50px;    height: 5px;    position: relative;    bottom: 0;    left: 100%;       animation: slideLight 2s linear infinite;  }  
  @keyframes slideLight {    0% {      transform: translateX(-100%);    }    100% {      transform: translateX(100%);    }  }
  
.top .date {color: #fff; font-size: 16px; font-weight:bold; text-align: center;margin-top: 5px;}

.main {}
.main .left {width: 390px; flex-shrink: 0; position: absolute; top: 100px;; left: 20px; z-index: 999; height: 83%;}
.main  .title {width: 100%;height: 40px; background: url(../img/bg3.png) no-repeat; background-size: 100% 100%; display: flex;align-items: center;}
.main  .title img {width: 30px; height: 30px;margin: 0 10px 0 15px;}
.main  .title  h2 {color: #67f2fe; letter-spacing: 0.92px; font-size: 20px;}
.main .con {height: 240px; background: rgba(16,39,89,.85);}
.main .con #main{height: 86%;}
.main .con ul {display: flex;  padding: 10px 0 0 10px;}
.main .con ul li {width: 85px; cursor: pointer; height: 24px;border-radius: 8.5px;border: 1px solid #fff;text-align: center; color: #fff; line-height: 24px; margin-right: 10px;}
.main .con ul li.now {color: #5cd4f0; border-color: #5cd4f0;}

.main #main1 {width: 50%; height: 100%;margin-top: 15px;}
.main #main2 {width: 50%; height: 100%;margin-top: 15px;}
.main .zu {display: flex; height: 63%;}
.main #main3{height: 95%; width: 100%;}
.main .part {overflow: hidden;}

.botpic {width: 100%;height: 40px; position: absolute;bottom: 0;left: 0; z-index: 999;margin-top: 10px;}

.middle {position: absolute; padding: 60px 40px 0 40px; box-sizing: border-box; left: 50%; margin-left: -445px; bottom: 50px; z-index: 99; width: 890px; height: 350px; background: url(../img/middleBg.svg) no-repeat; background-position: top center; background-size: 100% auto;}
.middle .text {display: flex; justify-content: space-between;}
.middle .text  li {width: 173px; text-align: center; line-height: 39px; color: #fff; font-size: 14px;  height: 39px; background: url(../img/quan.png) no-repeat; background-size: 100% 100%; }
.middle .text li span {color: #5cd4f0; padding: 0 8px; font-weight: bold;}
.middle .con1 {display: flex; justify-content: space-between;}
.Top_Record {width: 310px; flex-shrink: 0;}
.Top_Record{}

.record_Top{width:100%;padding-left: 15px;  height:26px;  text-align:left; font-weight: bold; font-size: 14px; line-height:26px; margin:10px auto 0px; color:#fff;}

.topRec_List dl{ width:100%; overflow:hidden; margin:0 auto; color:#fff;height: 32px; line-height: 32px;  background: rgba(38, 170, 214, 0.64);}
.topRec_List dd{ float:left; text-align:center; color:#fff;}

.topRec_List dl dd:nth-child(1){ width:10%; }
.topRec_List dl dd:nth-child(2){ width:30%;  }
.topRec_List dl dd:nth-child(3){ width:15%;  }
.topRec_List dl dd:nth-child(4){ width:20%;  }
.topRec_List dl dd:nth-child(5){ width:20%;  }
.maquee{ height:160px; overflow: hidden;}
.topRec_List ul{ width:100%; height:195px;}
.topRec_List li{ width:100%; height:32px; line-height:32px; text-align:center; font-size:12px; color: #fff; }
/*.topRec_List li:nth-child(2n){ background:#077cd0}*/
.topRec_List li div{ float:left;}
.topRec_List li div:nth-child(1){ width:10%;}
.topRec_List li div:nth-child(2){ width:30%;}
.topRec_List li div:nth-child(3){ width:15%;}
.topRec_List li div:nth-child(4){ width:20%;}
.topRec_List li div:nth-child(5){ width:20%;}
.topRec_List li div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.maquee li.dan{background: rgba(38, 170, 214, 0.34);}

.mid {width: 180px; text-align: center; margin-top: 25px;}
.mid .pa {background: url(../img/yuanpan.svg) no-repeat; position: relative; font-weight: 500; width: 154px; margin: 0 auto; color: #4ce5c7; font-size: 16px; height: 100px; background-position: center bottom; background-size: 60%; }
.mid .pa p:nth-child(2) {color: #fff; }
.mid .pa p:nth-child(1) {padding-top: 10px;font-size: 20px;} 
.mid .pa .text1 { color: #6bf181; position: absolute; top: 10px;right: 0; font-size: 14px; text-align: right;}
.mid .pa .text1 p { font-size: 14px; margin: 0;padding: 0;}


.marquee {width:90%;height:23px; padding: 0px 10px;box-sizing: border-box; overflow:hidden; line-height: 23px; margin: 0 auto;margin-top: 10px; background: rgba(113,145,253,.36); font-size: 14px; border: .5px solid #d6e8f4;border-radius:9px}
.marquee li{ display:inline; float:left; margin-right:12px; color: rgb(255, 75, 75); display: flex; align-items: center;margin: 0 10px;}
.marquee li:nth-child(even) {color: #6bf181;}
.marquee li span {padding: 0 5px;}

/* 右侧 */
.main .right {width: 390px; flex-shrink: 0; position: absolute; top: 100px;; right: 20px; z-index: 999; height: 83%;}
#tab{width:100%;position:relative;}
#tab .tab_menu{width:100%;padding: 10px 10px 0 10px; position:absolute;box-sizing: border-box; z-index:1; display: flex; justify-content: space-between;}
#tab .tab_menu li {height: 20px; margin: 0 0px; line-height: 20px; width: auto;padding: 0 10px; border-radius: 5px;}
.hide{display:none;}
.tab_box div{padding:10px;} 
#tab  .tab_menu li.now {background: rgba(92,213,240,.7058823529411765); color: #fff;}
#tab .tab_box{width:100%;clear:both;top:30px;position:relative;}
#tab .tab_box ul {display: block;padding: 0;}
#tab .tab_box li {width: 100%; display: flex;align-items: center;justify-content: space-between;border: none; background: none;height: 27px; line-height: 27px;margin-top: 8px;}
#tab .tab_box li p{background: rgba(92,213,240,.7058823529411765); box-sizing: border-box; color: #fff;width: 80%; overflow: hidden;white-space: nowrap;text-align: left;padding: 0 5px; border-radius: 3px; }
#tab .tab_box li span{ display: block; background: #ff7b7b; box-sizing: border-box; color: #fff;width: 14%; overflow: hidden;white-space: nowrap;text-align: center;padding: 0 5px; border-radius: 3px; }

.main #main5{width: 50%; height: 100%;margin-top: 15px;}
.main #main6 {width: 50%; height: 100%;margin-top: 15px;}

.part1 img {width: 20px; height: 20px;}
.part1  {width: 100%;padding: 20px;box-sizing: border-box; color: #fff;}
.part1 td{font-size: 14px; text-align: center;width: 47px; box-sizing: border-box; height: 56px;line-height: 56px;}
.part1 tr td:nth-child(1){background: none;}
.part1 td p{background: #1d547e;margin: 8px 10px;}
.part1 th {line-height: 3.2;}
.part1 tr td:nth-child(3) p{background: #f39e6b;}
.part1 th:nth-child(3) {color: #f39e6b;}
.part1 tr td:nth-child(4) p{background: #f26569;}
.part1 th:nth-child(4) {color: #f26569;}
.part1 tr td:nth-child(5) p{background: #4ca396;}
.part1 th:nth-child(5) {color: #4ca396;}

.youhua {position: absolute; padding: 5px; box-sizing: border-box; color: #fff; top:13%; left: 23%; width: 121px; height: 112px;background: rgba(255, 255, 255, 0.2);border-radius: 10px; text-align: center; z-index: 999;}
.youhua h2 {font-size: 18px;}
.youhua h2 span {font-size: 16px; }
.youhua .text {display: flex; align-items: center;justify-content: center;}
.youhua  p {color: #6bf181; font-size: 14px;}
.youhua .text span {display: block;width: 30px; height: 35px; background: rgba(0,0,0,.199); border-radius: 3px;margin: 0 13px;text-align: center; line-height: 35px; color: #feed8c; font-size: 25px; font-weight: 500; margin: 10px 3px;}

.leida {position: fixed; width: 1300px;overflow: hidden; top: 10%; height: 800px; left: 50%; margin-left: -650px; background: url(../img/pbeijing.svg) no-repeat; z-index: 99999; background-size: 100% 100%;}
.leida #main7{height: 700px;}

.leida  h2 {font-size:30px;margin: 80px 0 20px 0; text-align: center; color: #fff; font-weight: 500;}
.leida .close {position: absolute; top: 50px; right: 50px; z-index: 999; width: 40px; height: 40px;}


.sp_nav{position: fixed; top: 13%; right: 23%; font-size: 16px; font-size: 16px; text-align: center; cursor:pointer;z-index: 99999;background: linear-gradient(90deg,#0046b5,#0a7aff 35%,#007aff 63%,#1144ad);width:110px;height: 36px;line-height: 36px; box-shadow: 0 0 12px 0 rgba(94,251,234,.5);color: #fff; border-radius: 5px;}

.sjj_nav{position:fixed;z-index:9;width:110px; height:100%;font-size:14px;line-height:40px;top:-100%;right:23%;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:18%}
.sjj_nav li {font-size: 14px; display: flex; align-items: center;justify-content: center;  text-align: center; cursor:pointer;background: rgba(64,127,255,.72);width:85px;margin:0 auto  10px auto; height: 30px;line-height: 30px; color: #fff; border-radius: 3px; border: 1.5px solid rgba(207,235,247,.42);}
.sjj_nav li  a {color: #fff;}
.sjj_nav li i {color: #fff; display: flex; align-items: center;}
.sjj_nav ul li ul{display:none;position: fixed; top: 13%; right: 30%; }
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li  svg{width:20px;height:20px;fill:#fff;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
.sjj_nav .t{font-size: 16px; font-size: 16px; border: none; text-align: center; cursor:pointer;background: linear-gradient(90deg,#0046b5,#0a7aff 35%,#007aff 63%,#1144ad);width:110px;height: 36px;line-height: 36px; box-shadow: 0 0 12px 0 rgba(94,251,234,.5);color: #fff; border-radius: 5px;}
.sjj_nav li.sjj_nav_i_se {background: #ffad40;}
